// 公共样式
@charset "utf-8";
/* CSS Document */
html {-webkit-text-size-adjust:none;height: 100vh;width: 100vw;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,img{  margin:0;padding:0;outline:none;list-style-image: none;list-style-type: none;border-top-width: 0;border-right-width: 0;border-bottom-width: 0;border-left-width: 0;}
img{display: block;}
body {font-size:0.24rem;margin:0 auto;color:#333;-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  background-color: #F7F7FA;
}
.clearfix {
  &:after {
    overflow: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  &:before {
    overflow: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
div{
  box-sizing: border-box;
}
a{text-decoration:none;color: #333;}
a:active{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1,h2,h3,h4,h5,i,em{ font-weight:normal; font-style:normal;}
.none{display: none;}
.indent{text-indent: 2em;}

.number::-webkit-outer-spin-button,
.number::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
.oneB{
  padding-top: 0.88rem;
}
.oneH{
  position: fixed;top: 0;left: 0;z-index: 3;
}
input{
  font-size: 0.24rem;outline: none;-webkit-appearance: none;
}
textarea{
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;-webkit-appearance: none;
}
/*滚动条样式*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.1rem;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.1rem;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0.05rem;
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
input[type="search"]{
  -webkit-appearance: none;
}
.shadow{
  box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 26, 79, 0.14);
}
.border_none{
  border: none !important;
}
.none{
  display: none;
}
// common-end
.login{
  .banner{
    width: 90%;
    margin: 0 5%;
    height: 5rem;
    background: url(../images/bg-2.png) no-repeat;
    background-size: 100% 100%;
    img{
      position: relative;
      z-index: 2;
      width: 3rem;
      bottom: -.82rem;
      left: .5rem;
    }
  }
  .content{
    position: relative;
    top: -2rem;
  }
  .form{
    width: 90%;
    margin: 0 5% 0.3rem;
    background-color: #fff;
    border-radius: 0.1rem;
    padding: 0.5rem;
    position: relative;
    z-index: 1;
    li{
      border-bottom: 0.01rem solid #E7E7E7;
      padding: 0.3rem 0;
      position: relative;
      .i{
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        vertical-align: middle;
      }
      input{
        border: none;
        margin-left: 0.2rem;
        vertical-align: middle;
        font-size: .3rem;
        background-color: #fff;
      }
      .clear_{
        position: absolute;
        top: .35rem;
        right: 0;
        width: .5rem;
        height: .5rem;
        background: url(../images/icon.png) no-repeat -4.05rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
      a{
        color: #2e79df;
        font-size: .3rem;
      }
    }
    .user{
      .i{
        background: url(../images/icon.png) no-repeat -9.3rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
    }
    .phone{
      .i{
        background: url(../images/icon.png) no-repeat -8.55rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
    }
    .yzm{
      .i{
        background: url(../images/icon.png) no-repeat -10.05rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
      input{
        width: 2rem;
      }
      .clear_{
        right: 2.3rem;
      }
      a{
        position: absolute;
        right: 0;
        top: .35rem;
        width: 2.2rem;
        text-align: right;
        border-left: .01rem solid #ddd;
        &.on{
          color: #B7B7B7;
        }
      }
    }
    .pwd{
      .i{
        background: url(../images/icon.png) no-repeat -7.8rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
      .clear_{
        right: .8rem;
      }
      .pwd_visible{
        position: absolute;
        top: .4rem;
        right: 0;
        width: .5rem;
        height: .5rem;
        background: url(../images/icon.png) no-repeat -6.2rem -.2rem;
        background-size: 15.3rem 19.71rem;
      }
      .pwd_visible.on{
        background: url(../images/icon.png) no-repeat -7rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
    }
    .btn_{
      width: 3rem;
      height: .8rem;
      text-align: center;
      line-height: .8rem;
      background-color: #B6B6B6;
      border-radius: .4rem;
      color: #fff;
      position: absolute;
      bottom: -.4rem;
      left: calc(50% - 1.5rem);
      font-size: .36rem;
      &.on{
        background-color: #D42633;
      }
    }
    .company_personage{
      padding-bottom: 0;
      font-size: .26rem;
      p{
        float: left;
        width: 2rem;
        color: #B7B7B7;
        span{
          display: inline-block;
          width: .3rem;
          height: .3rem;
          border-radius: 50%;
          border: .01rem solid #B7B7B7;
          margin-right: .1rem;
          vertical-align: bottom;
        }
      }
      p.on{
        color: #D42633;
        span{
          border: .01rem solid #D42633;
        }
        i{
          display: inline-block;
          width: .2rem;
          height: .2rem;
          background-color: #D42633;
          border-radius: 50%;
          margin: .05rem;
        }
      }
    }
  }
  .invitation{
    padding: 0 .5rem .8rem;
  }
  .goLogin{
    margin: 1rem 0 0;
    text-align: center;
    color: #B7B7B7;
    font-size: .3rem;
    a{
      color: #D42633;
      margin-left: .1rem;
      font-size: .3rem;
      text-decoration: #D42633;
    }
  }
}
.forget{
  .form{
    background-color: #F7F7FA;
    padding: .5rem 0;
    input{
      background-color: #F7F7FA;
    }
    .btn_{
      width: 6rem;
      left: calc(50% - 3rem);
      bottom: -2rem;
    }
  }
}
.header{
  position: fixed;
  width: 100vw;
  height: 1.2rem;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9;
  a{
    position: absolute;
    top: .35rem;
    left: .3rem;
    width: .5rem;
    height: .5rem;
    background: url(../images/icon.png) no-repeat -3.15rem -0.15rem;
    background-size: 10.2rem 13.14rem;
  }
  ul{
    width: 60%;
    margin: auto;
  }
  li{
    float: left;
    width: 33.33%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    font-size: .36rem;
    color: #b3b3b3;
  }
  li.on{
    color: #1a1a1a;
  }
}
.footer{
  position: fixed;
  width: 100vw;
  height: 1.2rem;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 9;
  .product{
    float: left;
    i{
      display: inline-block;
      width: .5rem;
      height: .5rem;
      background: url(../images/icon.png) no-repeat -1rem -.3rem;
      background-size: 15.3rem 19.71rem;
      margin-top: .1rem;
    }
    &.on{
      color: #1a1a1a;
      i{
        background: url(../images/icon.png) no-repeat -.28rem -.3rem;
        background-size: 15.3rem 19.71rem;
      }
    }
  }
  .my{
    float: right;
    i{
      display: inline-block;
      width: .5rem;
      height: .5rem;
      background: url(../images/icon.png) no-repeat -2.5rem -.3rem;
      background-size: 15.3rem 19.71rem;
      margin-top: .1rem;
    }
    &.on{
      color: #1a1a1a;
      i{
        background: url(../images/icon.png) no-repeat -1.8rem -.3rem;
        background-size: 15.3rem 19.71rem;
      }
    }
  }
  .product,.my{
    height: 1.2rem;
    width: 3rem;
    text-align: center;
    color: #b3b3b3;
    font-size: .3rem;
  }
  .card_issuing_{
    position: absolute;
    bottom: 0;
    left: calc(50% - .9rem);
    width: 1.8rem;
    height: 1.8rem;
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.product_page{
  padding: 1.2rem 0;
  .wrapper{
    position: relative;
    padding: .3rem 0;
    width: 100%;
    height: 4rem;
    // overflow: hidden;
    margin-top: .3rem;
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
    &::-webkit-scrollbar{
      display: none;
    }
    .scroller{
      position: absolute;
      // width: 20.2rem;
      // height: 4rem;
      padding: 0 .2rem;
    }
    ul{
      width: 100%;
      margin-left: .25rem;
    }
    li{
      float: left;
      width: 6.6rem;
      text-align: center;
      color: #fff;
      >a{
        display: block;
        width: 6rem;
        height: 3rem;
        padding: .3rem;
        margin: auto;
        box-sizing: border-box;
        color: #fff;
        &.on{
          transform:scale(1.1,1.1);
        }
      }
      &:nth-of-type(1){
        >a{
          background: url(../images/qing-se.png) no-repeat;
          background-size: 100% 100%;
        }
      }
      &:nth-of-type(2){
        >a{
          background: url(../images/lan-se.png) no-repeat;
          background-size: 100% 100%;
        }
      }
      &:nth-of-type(3){
        >a{
          background: url(../images/jin-se.png) no-repeat;
          background-size: 100% 100%;
        }
      }
      .title{
        font-size: .36rem;
      }
      .num{
        font-size: .5rem;
        font-weight: bold;
        margin-top: .3rem;
      }
      .text{
        font-size: .28rem;
        margin-top: .15rem;
      }
      .fo{
        margin-top: .25rem;
        color: rgba(255, 255, 255, 0.4);
        font-size: .28rem;
        p{
          float: left;
          &:nth-of-type(2){
            float: right;
          }
        }
      }
    }
  }
  .product_list{
    padding: 0 .3rem .3rem .3rem;
    .p{
      font-size: .32rem;
      color: #6b7798;
      i{
        display: inline-block;
        width: .04rem;
        height: .32rem;
        margin-right: .1rem;
        background-color: #4d7bfe;
        vertical-align: middle;
      }
      span{
        vertical-align: middle;
      }
    }
  }
}
.seek{
  padding-top: 1.2rem;
  .header_{
    position: fixed;
    width: 100vw;
    height: 1.2rem;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: .2rem;
    z-index: 9;
    div{
      float: left;
      height: .8rem;
      line-height: .8rem;
      width: 6rem;
      background-color: #F0F0F0;
      border-radius: .4rem;
      position: relative;
      .seek_btn{
        position: absolute;
        top: .15rem;
        left: .3rem;
        width: .5rem;
        height: .5rem;
        background: url(../images/icon.png) no-repeat -5.5rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
      input{
        position: absolute;
        left: 1rem;
        top: .15rem;
        vertical-align: middle;
        width: 4rem;
        height: .5rem;
        border: none;
        background-color: #F0F0F0;
        font-size: .34rem;
      }
      .clear_{
        position: absolute;
        top: .15rem;
        right: .15rem;
        width: .5rem;
        height: .5rem;
        background: url(../images/icon.png) no-repeat -4.05rem -.25rem;
        background-size: 15.3rem 19.71rem;
      }
    }
    a{
      float: right;
      width: 1rem;
      height: .8rem;
      line-height: .8rem;
      text-align: center;
      font-size: .34rem;
      color: #D42633;
    }
  }
  .seek_res{
    text-align: center;
    font-size: .36rem;
    color: #1a1a1a;
    img{
      width: 5rem;
      margin: 3rem auto 1rem;
    }
  }
  .seek_res_list{
    padding: .2rem;
    >p{
      font-size: .32rem;
      color: #B9B9B9;
    }
  }
}
.product_list_msg{
  margin-top: .2rem;
  li{
    border-radius: .1rem;
    background-color: #fff;
    margin-bottom: .2rem;
    overflow: hidden;
    .top{
      padding: 0 .2rem;
      border-bottom: .01rem solid #F3F3F4;
    }
  }
  .item_t{
    padding: .2rem;
    border-bottom: .01rem solid #F3F3F4;
    div{
      float: left;
      &:nth-of-type(1){
        width: .5rem;
        img{
          width: .5rem;
          height: .5rem;
          border-radius: 50%;
        }
      }
      &:nth-of-type(2){
        padding-left: .1rem;
        width: 3.5rem;
        font-size: .3rem;
        color: #1a1a1a;
        .title{
          margin-bottom: .2rem;
        }
        span{
          float: left;
          padding: .05rem .1rem;
          border-radius: .1rem;
          background-color: #F7F7FA;
          color: #B3B3B3;
          margin-right: .1rem;
          margin-bottom: .1rem;
          font-size: .26rem;
        }
      }
      &:nth-of-type(3){
        float: right;
        text-align: right;
        width: 2rem;
        font-size: .28rem;
        color: #939393;
        span{
          color: #5681FE;
        }
      }
    }
  }
  .loanMsg{
    color: #1a1a1a;
    padding: .2rem 0;
    text-align: center;
    div{
      float: left;
      width: 33.33%;
      font-size: .36rem;
      p:nth-of-type(1){
        height: .5rem;
      }
      p:nth-of-type(2){
        color: #929292;
        font-size: .3rem;
      }
      &:nth-of-type(2){
        p:nth-of-type(1){
          color: #FF0036;
          font-size: .5rem;
          font-weight: bold;
        }
      }
    }
  }
  .bot{
    height: .8rem;
    color: #FF811D;
    position: relative;
    padding: .2rem;
    .pass{
      float: left;
      display: inline-block;
      width: 1.2rem;
      height: .4rem;
      background: url(../images/icon.png) no-repeat -3.7rem -1.3rem;
      background-size: 10.2rem 13.14rem;
    }
    p{
      float: left;
      margin-left: .2rem;
      font-size: .32rem;
    }
    .corner{
      position: absolute;
      right: 0;
      bottom: 0;
      width: .5rem;
      height: .5rem;
      background: url(../images/icon.png) no-repeat -5.6rem -1.2rem;
      background-size: 10.2rem 13.14rem;
    }
  }
}
.productDetail{
  padding-bottom: .8rem;
  .banner{
    height: 3.9rem;
    background: url(../images/bg-1.png) no-repeat;
    background-size: 100% 100%;
    padding: .81rem .3rem;
    .loan_{
      font-size: .3rem;
      color: rgba(255, 255, 255, 0.3);
    }
    .loan_num{
      font-size: .8rem;
      color: #fff;
      margin-top: .2rem;
    }
  }
  .loam_msg{
    padding: 0 .3rem;
    height: 1.2rem;
    ul{
      background-color: #fff;
      position: relative;
      top: -1rem;
      z-index: 9;
      padding: .5rem .3rem;
      border-radius: .2rem;
    }
    li{
      float: left;
      width: 33.33%;
      font-size: .26rem;
      color: #B3B3B3;
      line-height: .6rem;
      p:nth-of-type(1){
        color: #FF0036;
        font-size: .36rem;
      }
    }
  }
  .loan_require{
    .title{
      padding: .3rem;
      li{
        float: left;
        width: 33.33%;
        text-align: center;
        a{
          color: #1a1a1a;
          font-size: .3rem;
        }
        i{
          display: inline-block;
          width: .3rem;
          height: .35rem;
          vertical-align: middle;
        }
        &.on{
          a{
            color: #cc212e;
          }
          i{
            background: url(../images/icon.png) no-repeat -2.15rem -.18rem;
            background-size: 10.2rem 13.14rem;
          }
        }
      }
    }
  }
  .loan_require_msg{
    li{
      margin-bottom: .2rem;
      background-color: #fff;
      .title{
        padding: .3rem;
        color: #1a1a1a;
        font-size: .26rem;
        border-bottom: .01rem solid #e6e6e6;
      }
      .list{
        padding: .3rem;
        color: #808080;
        line-height: .5rem;
        .key,.val{
          float: left;
        }
        .key{
          width: 1.2rem;

        }
        .val{
          width: 5.3rem;
        }
      }
    }
  }
}
.card_issuing{
  position: fixed;
  bottom: 0;
  left: calc(50% - 1rem);
  width: 2rem;
  height: 1.4rem;
  img{
    width: 100%;
    height: 100%;
  }
}
.my_page{
  padding-bottom: 1.2rem;
  .information{
    padding: .3rem .3rem .1rem;
    background-color: #fff;
    .user_msg{
      padding: .2rem 0;
      position: relative;
      div{
        float: left;
        img{
          width: 1rem;
          height: 1rem;
          border-radius: 50%;
        }
      }
      .user_name{
        margin-left: .3rem;
        p{
          line-height: .5rem;
          font-size: .3rem;
          color: #1a1a1a;
          &:nth-of-type(1){
            font-size: .34rem;
          }
        }
      }
      .exit{
        position: absolute;
        width: .5rem;
        height: .5rem;
        top: .2rem;
        right: 0;
        background: url(../images/icon.png) no-repeat -.15rem -.8rem;
        background-size: 10.2rem 13.14rem;
      }
    }
    .list_nav{
      padding: .3rem .3rem 0;
      li{
        float: left;
        width: 29%;
        margin: 0 2%;
        color: #b3b3b3;
        text-align: center;
        border-radius: .06rem;
        p{
          line-height: .5rem;
        }
        .num{
          font-size: .3rem;
          color: #1a1a1a;
        }
        .state{
          font-size: .28rem;
        }
        &.on{
          background-color: #f7f7f7;
          color: #1a1a1a;
        }
      }
    }
  }
  .order_list{
    padding: .3rem;
    li{
      padding: .3rem;
      background-color: #fff;
      border-radius: .1rem;
      margin-bottom: .2rem;
      .head{
        position: relative;
        padding-bottom: .3rem;
        border-bottom: .01rem dashed #b3b3b3;
        i{
          float: left;
          line-height: .5rem;
          width: .5rem;
          height: .5rem;
          text-align: center;
          border-radius: 50%;
          &.house{
            background-color: #e2f7f7;
            color: #00bebf;
          }
          &.car{
            background-color: #e5ebff;
            color: #4d7bfe;
          }
          &.credit{
            background-color: #faf2e1;
            color: #c3a36c;
          }
        }
        div{
          float: left;
          font-size: .36rem;
          color: #1a1a1a;
          margin-left: .1rem;
        }
        p{
          float: right;
          line-height: .5rem;
          width: 1.2rem;
          height: .5rem;
          text-align: center;
          color: #fff;
          border-radius: .25rem;
          font-size: .3rem;
          &.p1{
            background-color: #ffc799;
          }
          &.p2{
            background-color: #ff9999;
          }
          &.p3{
            background-color: #cccccc;
          }
        }
        span{
          position: absolute;
          bottom: -.25rem;
          width: .5rem;
          height: .5rem;
          border-radius: 50%;
          background-color: #F7F7FA; 
        }
        .c1{
          left: -.6rem;
        }
        .c2{
          right: -.6rem;
        }
      } 
      .order_msg{
        padding-top: .3rem;
        line-height: .6rem;
        span{
          float: left;
          color: #808080;
          font-size: .28rem;
        }
        p{
          float: right;
          text-align: right;
          color: #1a1a1a;
          font-size: .3rem;
        }
      }
    }
  }
}
.out_box{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.4);
  .content{
    background-color: #fff;
    border-radius: .2rem;
    width: 5rem;
    margin: 5rem auto;
    text-align: center;
  }
  .out{
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: .4rem;
    color: #1a1a1a;
    border-bottom: .01rem solid #ddd;
  }
  .out_btn{
    height: .8rem;
    line-height: .8rem;
    p{
      float: left;
      width: 50%;
      color: #808080;
      box-sizing: border-box;
      font-size: .3rem;
      &:last-child{
        border-left: .01rem solid #ddd;
        color: #cc212e;
      }
    }
  }
}
.gather_card{
  .banner{
    width: 100%;
    height: 4.9rem;
    background: url(../images/bg-3.png) no-repeat;
    background-size: 100% 100%;
  }
  .form_box{
    width: 100%;
    position: relative;
    top: -1.2rem;
  }
  .form{
    box-sizing: border-box;
    width: 90%;
    margin: 0 5% 0.3rem;
    background-color: #fff;
    border-radius: 0.1rem;
    ul{
      padding: 0 .2rem;
      li{
        border-bottom: 0.01rem solid #E7E7E7;
        padding: 0.2rem 0;
        line-height: .8rem;
        position: relative;
        .i{
          float: left;
          width: 0.5rem;
          height: 0.5rem;
          vertical-align: middle;
          margin-right: .1rem;
          margin-top: .11rem;
        }
        span{
          float: left;
          color: #1a1a1a;
          font-size: .3rem;
        }
        input{
          float: right;
          width: 4rem;
          height: .8rem;
          font-size: .28rem;
          border: none;
          text-align: right;
          box-sizing: border-box;
          color: #808080;
        }
        &:last-child{
          border: none;
        }
      }
      .loan_num{
        .unit{
          position: absolute;
          right: 0;
          color: #808080;
        }
        input{
          position: absolute;
          right: .7rem;
          top: .18rem;
          width: 2rem;
        }
      }
      .loan_type{
        .arrows{
          position: absolute;
          right: 0;
          top: .35rem;
          width: 0.3rem;
          height: 0.5rem;
          background: url(../images/icon.png) no-repeat -9.6rem -.08rem;
          background-size: 10.2rem 13.14rem;
        }
        input{
          position: absolute;
          right: .4rem;
          width: 2rem;
        }
      }
      .user_name{
        .i{
          background: url(../images/icon.png) no-repeat -8.15rem -.08rem;
          background-size: 10.2rem 13.14rem;
        }
      }
      .user_phone{
        .i{
          background: url(../images/icon.png) no-repeat -7.15rem -.08rem;
          background-size: 10.2rem 13.14rem;
        }
      }
      .user_identity{
        .i{
          background: url(../images/icon.png) no-repeat -9.15rem -.08rem;
          background-size: 10.2rem 13.14rem;
        }
      }
      .loan_num{
        .i{
          background: url(../images/icon.png) no-repeat -7.65rem -.08rem;
          background-size: 10.2rem 13.14rem;
        }
      }
      .loan_type{
        .i{
          background: url(../images/icon.png) no-repeat -8.65rem -.08rem;
          background-size: 10.2rem 13.14rem;
        }
      }
      .submit_{
        height: 1rem;;
        button{
          position: absolute;
          bottom: -.7rem;
          left: calc(50% - .75rem);
          width: 1.5rem;
          height: 1.5rem;
          border-radius: 50%;
          background-color: #C3C3C3;
          color: #fff;
          font-size: .36rem;
          border: none;
          &:focus{
            outline: 0;
          }
          &.on{
            background-color: #E32F3C;
          }
        }
      }
    }
  }
  .loan_type_box{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
    >div{
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      font-size: .3rem;
    }
    ul{
      margin-bottom: .1rem;
      background-color: #fff;
      color: #3F3F3F;
      padding: 0 .2rem;
      li{
        position: relative;
        line-height: 1rem;
        border-bottom: .01rem solid #F5F5F5;
        i{
          position: absolute;
          top: .3rem;
          right: 0;
          width: .4rem;
          height: .4rem;
        }
        &.on{
          color: #CC2330;
          i{
            background: url(../images/gou.png) no-repeat;
            background-size: 80% 80%;
          }
        }
      }
    }
    .cancel_loan_type{
      background-color: #fff;
      text-align: center;
      height: 1rem;
      line-height: 1rem;
      color: #8B8B8B;
    }
  }
}
.success_page{
  text-align: center;
  padding-top: 3rem;
  img{
    width: 2rem;
    margin: auto;
  }
  p{
    font-size: .4rem;
    color: #1a1a1a;
    margin: .5rem 0 2rem 0;
  }
  a{
    display: block;
    width: 5rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .36rem;
    background-color: #E32E3C;
    color: #fff;
    border-radius: .5rem;
    margin: auto;
  }
}